<template>
  <section class="special-products-area gray-bg pt-75 pb-60">
    <div class="container">
        <!-- 头信息 -->
        <div class="row align-items-end mb-50">
            <div class="col-md-8 col-sm-9">
                <div class="section-title">
                    <span class="sub-title">Awesome Shop</span>
                    <h2 class="title">Our Special Products</h2>
                </div>
            </div>
            <div class="col-md-4 col-sm-3">
                <div class="section-btn text-left text-md-right">
                    <a href="shop.html" class="btn">View All</a>
                </div>
            </div>
        </div>
        
        <div class="special-products-wrap">
            <div class="row">
              <!-- col-3 d-none d-lg-block -->
              <col_3_d_none_d_lg_block></col_3_d_none_d_lg_block>
               <row_justify_content_center></row_justify_content_center>
            </div>
        </div>
    </div>
</section>
</template>

<script>
import col_3_d_none_d_lg_block from './part/col-3 d-none d-lg-block.vue'
import row_justify_content_center from './part/row justify-content-center.vue'
export default {
        components:{
            col_3_d_none_d_lg_block,
            row_justify_content_center
        }
}
</script>

<style>

</style>